<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTLC cross-chain authentication</title>
    </head>
    <body>
        CA Chain Dapp
        <script src="./index.js" type="module"></script>
        <button id="connectButton">Connect</button>
        <!-- form -->
        <label for="secrethash">secrethash</label>
        <input id="secrethash" />
        <label for="value">MPT Data</label>
        <input id="value" />
        <label for="sender">Your address</label>
        <input id="sender" />
        <label for="recipient">The recipient address</label>
        <input id="recipient" />
        <button id="fundButton">Approve</button>
        <!-- form -->
        <!-- form -->
        <label for="contractId">locked contractId</label>
        <input id="contractId" />
        <button id="balanceButton">Get Locked Contract</button>
        <!-- form -->
        <!-- form -->
        <label for="preImage">preImage</label>
        <input id="preImage" />
        <button id="withdrawButton">withdraw</button>
        <!-- form -->
    </body>
</html>
